@import '~antd/es/style/themes/default.less';
@import './utils/utils.less';

input[type='number'] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;

	-webkit-appearance: none;
}

html,
body,
#root {
	height: 100%;
}

.colorWeak {
	filter: invert(80%);
}

.ant-layout {
	min-height: 100vh;

	.ant-layout {
		margin-left: 208px;
	}
}

canvas {
	display: block;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul,
ol {
	list-style: none;
}

.ant-modal p {
	margin: 0;
	text-align: center;
}

.pageTitle {
	padding: 10px 24px;
	// 标题栏
	background: #fff;


	// .ant-breadcrumb {
	//   font-size: 14px;
	// }
}

.pageTitleItem {
	cursor: pointer;
	color: rgba(0, 0, 0, .45);
	transition: color .3s;
}

.pageTitleItem:hover {
	color: rgba(24, 144, 255, .68);
}

.pageTitleName {
	display: block;
	padding-right: 12px;
	line-height: 1.4;
	font-size: 14px;
	color: rgba(0, 0, 0, .85);
}

// 产品提的更改需求
body {
	background: #e6e7eb;

	.ant-layout {
		background: #e6e7eb;

		.ant-pro-sider-menu-logo {
			padding: 0 0 0 24px;
			background: #1964f7;

			h1 {
				margin: 0;
				font-size: 16px;
			}
		}

		.ant-layout-sider-children .ant-menu-dark {
			overflow: hidden auto;
			height: calc(100% - 64px);
		}

		.antd-pro-components-global-header-index-right {
			padding-left: 8px;
			width: 100%;
		}

		.ant-pro-fixed-header {
			height: 40px;
		}

		.pageTitle {
			margin-left: 0;
			margin-top: 8px;
		}

		.avatar {
			display: flex;
			align-items: center;
		}

		.ant-table {
			color: rgba(0, 0, 0, .85);

			thead > tr > th {
				background: #f5f6f8;
			}
		}

		.ant-pro-basicLayout-content {
			margin: 0;
		}

		.spaceBetween {
			padding: 0 24px;
		}
	}

	.ant-layout-sider,
	.ant-menu-dark {
		padding-top: 0 !important;
		// background: #3b3e45;
		height: 100%;
	}

	.ant-pro-sider-menu-sider {
		position: fixed;
	}

	.ant-menu.ant-menu-dark .ant-menu-item-selected,
	.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
		background: #2a2b30;
	}

	.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
		background-color: transparent;
	}

	.ant-menu-dark {
		 .ant-menu-item-only-child {
			font-size: 16px !important;
		font-weight: bold !important;
		color: #FFF !important;
	}
		.ant-menu-item {
			margin: 0;
			padding: 4px 0;
			height: auto !important;

			// padding-left: 24px !important;
		
			
			ul>li>ul{
				padding: 6px 0;
				height: auto;
				font-weight: bold;
				font-size: 12px !important;
				// color: #fff;
			}

			// span span.anticon {
			//   font-size: 14px;
			// }
		}

		.ant-menu-submenu {
			.ant-menu-item > span > span {
				font-size: 14px;
				color: #bbbcc0;
			}

			.ant-menu-submenu-title {
				margin: 0;
				padding: 6px 0;
				height: auto;
				font-weight: bold;
				font-size: 16px;
				color: #fff;

				.anticon {
					font-size: 16px;
				}
			}

			.ant-menu-item-selected > span > span {
				color: #1890ff;
			}
		}

		// .ant-menu-submenu-open,
		// .ant-menu-submenu-selected {
		// 	background: #2a2b30 !important;

		// 	.ant-menu-inline.ant-menu-sub,
		// 	.ant-menu-submenu-title {
		// 		background: #2a2b30 !important;
		// 	}
		// }

		.ant-menu-item-active:hover {
			background: #2a2b30 !important;
		}
	}

	.tableHeight60 .ant-spin-container .ant-table-container {
		border: 0;

		.ant-table-content {
			margin-top: 20px;
			// min-height: 60vh;
			border-bottom: 1px solid #eee;
		}
	}
}


body {
	.ant-pro-sider-menu-logo img {
		height: 24px;
	}

	.pageTitle .ant-breadcrumb .ant-breadcrumb-link {
		cursor: pointer;
	}

	.ant-avatar-sm {
		margin-right: 6px;
		margin-top: -2px;
		// 小头像设置
		width: 18px;
		height: 18px;
		background: #87d068;
		line-height: 18px;
	}

	.ant-menu-vertical .ant-menu-item:not(:last-child),
	.ant-menu-vertical-left .ant-menu-item:not(:last-child),
	.ant-menu-vertical-right .ant-menu-item:not(:last-child),
	.ant-menu-inline .ant-menu-item:not(:last-child) {
		margin-bottom: 0;
	}

	.ant-layout-header {
		// 菜单栏
		height: 32px;
		line-height: 32px;

		.ant-pro-global-header-trigger {
			display: none;
			align-items: center;
			padding: 0 24px;
			height: 32px;
		}

		.ant-pro-global-header {
			display: flex;
			height: 100%;

			.ant-pro-global-header-logo {
				height: 32px;
				line-height: 32px;

				img {
					margin-top: -4px;
					width: 20px;
					height: 20px;
				}
			}
		}
	}

	.ant-card {
		// Card组件
		.ant-card-head {
			margin-left: 20px;
			padding: 0;
			width: calc(100% - 40px);
			min-height: 100%;

			.ant-card-head-title {
				padding: 8px 0;
			}
		}

		.ant-table .ant-table-content table .ant-table-tbody tr:nth-child(odd) {
			// 列表tr背景
			background: #f5f9fc;
		}
	}

	.tableList {
		.garden {
			margin-bottom: 20px;
			.ant-card-body {
				padding: 0;
			}
		}
		// table列表
		.ant-card-body {
			padding: 12px 0;
			// padding-top: 12px;

			.tableBtns {
				padding: 0 24px;
			}
		}
	}

	.searchForm {
		//查询表单
		background: #f5f6f8;

		.ant-card-body {
			padding: 12px 24px 0;
		}
	}

	.tableListForm {
		// form表单
		.ant-row {
			.ant-col-sm-24 {
				width: 100%;
			}

			.ant-legacy-form-item {
				display: flex;
				margin-right: 0;
				margin-bottom: 12px;

				.ant-col {
					flex: initial;
				}

				.ant-legacy-form-item-label {
					padding-right: 8px;
					line-height: 32px;
					color: #666;

					label::after {
						margin: 0;
					}
				}

				.ant-legacy-form-item-control-wrapper {
					flex: 1;

					.ant-legacy-form-item-control {
						line-height: 32px;
					}
				}

				.uploadBtn .ant-upload {
					padding: 0;
					// 上传图片按钮样式
					width: 50px;
					height: 50px;
				}
			}
		}
	}

	// 上传按钮排版
	.ant-upload-list {
		display: inline-block;

		.ant-upload-list-item {
			top: 5px;
			margin-left: 4px;
			margin-top: 0;
		}
	}

	.operLink {
		cursor: pointer;
		// 操作按钮
		color: #1890ff;
	}

	.nameLink {
		cursor: pointer;

		&:hover {
			text-decoration: underline;
		}
	}

	.submitSave {
		// 保存按钮
		border: 0;
		background: #47c479 !important;

		&:hover {
			opacity: .8;
		}
	}

	// modal隐藏底部按钮
	.nodalHideBtn .ant-modal-content .ant-modal-footer {
		display: none;
	}

	.withdraw .ant-modal-body {
		padding: 24px 10px;
	}

	.operLinkDisabled {
		cursor: not-allowed;
		pointer-events: none;
		// 灰色禁止点击
		color: rgba(0, 0, 0, .25);
	}

	.subtitle {
		// 副标题
		font-weight: 500;
		color: rgba(0, 0, 0, .85);
	}

	.ocrPhoneInput input {
		font-size: 16px;
		font-weight: bolder;
	}

	.dottedBox {
		margin-right: 4px;
		padding: 16px 16px 20px 16px;
		// 带虚线框
		border: 1px dashed rgba(0, 0, 0, .15);
		border-radius: 4px;

		.linH32 {
			line-height: 32px;
		}
	}

	.flexLView {
		display: flex;
		justify-content: left;
		// flex布局
		width: 100%;
	}

	.flexFeView {
		display: flex;
		justify-content: flex-end;
		// flex布局尾部对其
		width: 100%;
	}

	.ant-descriptions-row > th,
	.ant-descriptions-row > td {
		padding-bottom: 12px;
	}

	.smallButton {
		padding: 0 12px;
	}

	.addButton {
		border: 0;
		// 添加按钮
		background: #58c5fd;
		color: #fff;

		&:hover {
			background: #68cbfe !important;
		}

		&:active {
			background: #34a7e2 !important;
		}

		&:focus {
			background: #58c5fd !important;
		}
	}

	.subButton {
		border: 0;
		//保存按钮
		background: #1ee66a;

		&:hover {
			background: #3ef398 !important;
		}

		&:active {
			background: #10b650 !important;
		}

		&:focus {
			background: #1ee66a !important;
		}
	}

	.delButton {
		border: 0;
		// 删除按钮
		background: #fd5858;

		&:hover {
			background: #fe6868 !important;
		}

		&:active {
			background: #e23434 !important;
		}

		&:focus {
			background: #fe6868 !important;
		}
	}

	.ant-descriptions {
		// 详情样式
		.ant-descriptions-item-label {
			color: #666;
		}

		.ant-descriptions-item-content {
			color: rgba(0, 0, 0, .85);
		}
	}

	.ant-modal-footer button + button {
		// modal弹出框按钮距离
		margin-left: 20px;
	}

	.otherTable {
		// 标题多分段时样式
		.ant-table-bordered .ant-table-body > table {
			border-top: 0;
		}

		.ant-spin-container th {
			border-right: 1px solid #fff !important;
			border-bottom: 1px solid #fff !important;
		}

		.ant-spin-container tr th:first-child,
		.ant-spin-container tr td:first-child {
			border-left: 1px solid #e8e8e8 !important;
		}

		.ant-spin-container tr:first-child th:last-child {
			border-right: 1px solid #e8e8e8 !important;
		}

		.ant-spin-container td {
			border-right: 1px solid #e8e8e8 !important;
			border-bottom: 1px solid #e8e8e8 !important;
		}
	}

	.UploadFormTZ {
		// 拖拽上传按钮
		margin-bottom: 0;

		.ant-upload-list {
			display: block;
		}

		.uploadBtn .ant-upload-list .ant-upload-list-item-error {
			border: 1px solid #d9d9d9;
		}

		.prompt {
			margin: 0;
			background: #fffde7;
			// font-size: 14px;
			line-height: 26px;
			text-align: center;
		}
	}

	.partTime {
		.ant-descriptions-item {
			padding-bottom: 0;
		}
	}

	.batchBox {
		border-top: 1px solid #d9d9d9;

		.batchList {
			padding: 20px 0;
			border-bottom: 1px solid #d9d9d9;
		}
	}

	.statementTable {
		// 带二级title的table标题
		:global {
			.ant-table-bordered .ant-table-body > table {
				border-top: 0;
			}

			.ant-spin-container th {
				border-right: 1px solid #fff !important;
				border-bottom: 1px solid #fff !important;
			}

			.ant-spin-container tr:first-child th:last-child {
				border-right: 1px solid #e8e8e8 !important;
			}

			.ant-spin-container td {
				border-right: 1px solid #e8e8e8 !important;
				border-bottom: 1px solid #e8e8e8 !important;
			}
		}
	}

	.printView {
		height: 100vh;
	}

	#billDetails {
		color: #333;
	}
}

.statementTable {
	:global {
		.ant-table-bordered .ant-table-body > table {
			border-top: 0;
		}

		.ant-spin-container th {
			border-right: 1px solid #fff !important;
			border-bottom: 1px solid #fff !important;
		}

		.ant-spin-container tr:first-child th:last-child {
			border-right: 1px solid #e8e8e8 !important;
		}

		.ant-spin-container td {
			border-right: 1px solid #e8e8e8 !important;
			border-bottom: 1px solid #e8e8e8 !important;
		}

		.ant-spin-container .ant-table-tbody td {
			border: 0 !important;
		}

		.ant-spin-container .ant-table-tbody td:last-child {
			border-right: 1px solid #e8e8e8 !important;
		}

		.ant-spin-container .ant-table-body:last-child {
			border-bottom: 1px solid #e8e8e8 !important;
		}
	}
}

.ant-message {
	top: 30%;
}

.ant-modal-wrap .ant-modal {
	top: 20%;
}

@media (max-width: @screen-xs) {
	body {
		.ant-pro-basicLayout-content {
			margin: 24px 8px;
		}

		.ant-card .ant-card-body {
			padding: 8px;
		}

		.batchBox .batchList:nth-child(odd) {
			border-right: 0;
		}
	}

	.ant-table {
		overflow-x: auto;
		width: 100%;

		&-thead > tr,
		&-tbody > tr {
			> th,
			> td {
				white-space: pre;
			}
		}
	}

	.otherTable {
		.ant-table {
			&-thead > tr,
			&-tbody > tr {
				th,
				td {
					white-space: initial;
				}
			}
		}
	}
}

.flexWrap {
	display: flex;
	flex-wrap: wrap;
}

.spaceBetween {
	display: flex;
	justify-content: space-between;
}

.wordOmit {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menuIcon {
	margin-right: 8px;
	width: 1em;
	height: 1em;
}

.ocrImg {
	position: relative;
	cursor: pointer;
	color: #1890ff;

	.imgBox {
		display: none;
		position: absolute;
		left: 200px;
		top: 0;
		z-index: 1;
	}

	.closeIcon {
		position: absolute;
		right: -10px;
		top: -13px;
		z-index: 1;
		font-size: 23px;
	}

	.marginT10 {
		position: absolute;
		left: 0;
		bottom: -50px;
	}
}

.map_color_box {
	display: flex;
	align-items: center;
	width: 100px;
	height: 25px;

	.map_color {
		margin-left: 2px;
		border: 1.5px solid #ccc;
		width: 16px;
		height: 16px;

		&:nth-child(2) {
			margin-left: 30px;
		}

		&:hover {
			border-color: #000;
		}
	}
}

.children_basis {
	flex-basis: 25%;
}

.margin20 {
	margin: 20px;
	margin-left: 0;
}

.marginTop20 {
	margin-top: 20px !important;
}

.border_black {
	border-color: #000 !important;
}

.clickRowStyl {
	background-color: #cbf2ff !important;
}

.ant-table-tbody > .clickRowStyl:hover > td {
	background-color: #cbf2ff !important;
}

.goodsContent .ant-input-number {
	border: none !important;
	width: 100% !important;
}

.goodsContent .ant-input-number-handler-wrap .ant-input-number-input:focus,
.goodsContent .ant-input-number-focused {
	border: none;
	border-bottom: 0 solid white !important;
	box-shadow: none !important;
}

.goodsInfo .ant-checkbox-wrapper {
	font-size: 12px !important;
}

.goodsInfo .ant-checkbox + span {
	padding-left: 8px;
	padding-right: 0 !important;
}

.goodsInfo .ant-input {
	padding: 4px 0 !important;
}

.goodsInfo .ant-select-selector {
	padding: 0 !important;
}

.goodsContent .ant-checkbox-wrapper span {
	font-weight: 600;
}

.goodsContent .ant-select-single .ant-select-selector .ant-select-selection-search {
	left: 0 !important;
}

@media screen and (min-width: 1600px) {
	.goodsContent .ant-select-selector {
		margin-top: 7px;
	}

	// .goodsInfo .ant-select-arrow{
	//   display: block!important;
	// }
	.goodsInfo .ant-checkbox-wrapper span {
		font-size: 14px !important;
	}

	.goodsContent .ant-checkbox-wrapper span {
		font-weight: 600;
	}
}

@media screen and (max-width: 1600px) {
	.goodsContent .ant-select-selector {
		margin-top: 4px;
	}

	.goodsContent .ant-input {
		font-size: 12px !important;
	}

	.goodsContent .ant-select {
		font-size: 12px !important;
	}

	.goodsContent .ant-select-clear {
		right: 0 !important;
	}

	.goodsInfo .ant-select-arrow {
		right: 0 !important;
	}
}

.batchTable td {
	border: 1px solid #adadad;
}
.batchTable th {
	border-left: 1px solid #adadad;
}

.cardTabs .ant-tabs-nav {
	margin-bottom: 0!important;
}

.noMarginLeft .ant-card-body {
	padding: 24px 0!important;
}

.noMarginLeft .ant-descriptions .ant-descriptions-item-label {
	width: 200px!important;
}

.desFrom .ant-row {
	margin-bottom: 0!important;
}
